/* pages/goods_detail/index.wxss */
page{
  padding-bottom: 90rpx; /* 和底部工具条浮动的高度一致*/
}
.detail_swiper{
    swiper{
     // width: 750rpx; /* 3.让swiper标签的高度 和图片的高度一样高 */
      height: 65vw; /* 3.让swiper标签的高度 和图片的高度 =65% */
      text-align: center; /* 图片水平居中显示 */
      image{
        width:60%; /* 1.让图片的高度自适应，宽度等于60%*/
      }
    }
  }
  .goods_price{
      padding: 15rpx;
      font-size: 32rpx;
      font-weight: 600;
      color:var(--themeColor);

  }
  .goods_name_row{
      display: flex;
      border-top: 5rpx solid #dedede;
      border-bottom: 5rpx solid #dedede;
      padding: 10rpx 0;
      .goods_name{
          flex:5;
          color: #000;
          font-size: 30rpx;
          padding: 0 10rpx;
          /* 以下四行实现文字两行超出部分。。。 */
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient:vertical;
          -webkit-line-clamp: 2; /* 第二行显示点点点*/
      }
      .goods_collect{
          flex:1;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-left: 1rpx solid #000;
          .iconfont{}
          .collect{
            color: var(--themeColor);
          }
          .collect_text{}
      }
  }
  .goods_info{
      .goods_info_title{
        padding: 20rpx;
        font-size: 32rpx;
        font-weight: 600;
        color:var(--themeColor);
      }
      .goods_info_content{}
  }
  .btm_tools{
    border-top: 1px solid #ccc;
    position: fixed;/* 固定定位*/
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%; /*固定定位必须指定宽度 */
    height: 90rpx;
    background-color: #fff;
    font-size: 24rpx;
    .tool_item{
      flex:1;
      display: flex;
      flex-direction: column; /* 盒子方向改为纵轴*/
      justify-content: center;/* 垂直居中 */
      align-items: center; /* 水平居中*/
      
      button{/* 绝对定位 和父元素等高 宽度为 9vw 透明度为0*/
        position: absolute;;
               
        width:9vw;        
        height:100%; 
        opacity:0;
        background-color: #000;
      }
    }
    .btn_cart{
      flex:2;
      background-color: #ffa500;
      color: #fff;
      font-size: 30rpx;
      font-weight: 600;
    }
    .btn_buy{
      flex:2;
      background-color:  #eb4450;
      color: #fff;
      font-size: 30rpx;
      font-weight: 600;
    }
  }